<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="lib/react.development.js"></script>
    <script src="lib/react-dom.development.js"></script>
    <script src='lib/babel.min.js'></script>
</head>
<body>
<div id="root"></div>
</body>
<script type="text/babel">
    const root = ReactDOM.createRoot(document.querySelector('#root'));
    // const fn = function (){
    //     const fn = function(age){
    //         if(age>60) return "老年";
    //         else if(age>30) return "壮年";
    //         else if(age>25) return "青年";
    //         else if(age>18) return "少年";
    //         else return "婴儿"
    //     }
    //     root.render((
    //         <div>
    //             <p>{age===100?"真":"假"}</p>
    //             <p>{isShow || "你好1"}</p>
    //             <p>{isShow && "你好1"}</p>
    //             <p>{fn(12)}</p>
    //         </div>
    //     ))
    // }

    // const imgUrl = "https://img0.baidu.com/it/u=2571538296,1629109531&fm=253&fmt=auto&app=138&f=JPEG?w=755&h=500";
    // let w = 300;
    // root.render((
    //     <div>
    //         <img height="200" src="https://img2.baidu.com/it/u=1102640046,3676401531&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=889" alt=""/>
    //         <img width={w+1000} src={imgUrl} alt=""/>
    //         <img  src={"https://img0.baidu.com/it/u=930845779,2401980594&fm=253&fmt=auto&app=138&f=JPEG?w=500&h=667"} alt=""/>
    //     </div>
    // ))


    // const obj = {
    //     color:"red",
    //     background:"green"
    // };
    // root.render((
    //     <div>
    //         <p style={{
    //             color:"red",
    //             background:"green"
    //         }}>我喜欢美女!</p>
    //         <p style={obj}>我喜欢千万网红!</p>
    //     </div>
    // ));

    const two = "t";
    root.render((
        <div>
            <p className="one">我喜欢跑车上的美女</p>
            <p className="two">我喜欢跑车上的美女</p>
            <p className={"two"}>我喜欢跑车上的美女</p>
            <p className={two}>我喜欢跑车上的美女</p>
        </div>
    ))

</script>
</html>